<script setup>
import { useSlots } from "vue";
const slots = useSlots();
console.log(slots, slots.default(), slots.demo1(), slots.demo3(), 546630);
defineProps({
  name: String,
});
</script>

<template>
  <!-- 匿名插槽使用 -->

  <slot>我是默认插槽</slot>
  <slot>我是默认插槽1</slot>

  <!-- 具名插槽undefined使用 -->
  <slot :name="undefined" :row="{ age: 20 }">我是默认插槽</slot>

  <!-- 具名插槽使用 -->
  <!-- <h1>1111</h1>
  <slot name="demo1">demo1</slot>
  <slot>我是默认插槽</slot>
  <slot name="demo3">demo3</slot>
   <slot :name="name">name</slot>
  <h2>2222</h2> -->
</template>

<style scoped>
a {
  color: #42b983;
}
:slotted(span) {
  color: red;
}
</style>
